import Vue from 'vue'
import 'normalize.css/normalize.css' // A modern alternative to CSS resets
import ElementUI from 'element-ui' // 使用的ui库
import 'element-ui/lib/theme-chalk/index.css' // elementui的依赖样式文件
import locale from 'element-ui/lib/locale/lang/en' // 英文的语言包
import '@/styles/index.scss' // global css
import App from './App' // 项目的根组件
import store from './store' // vuex的仓库
import router from './router' // 项目的路由
import '@/icons' // icon
import '@/permission' // 权限控制
Vue.use(ElementUI, { locale })
Vue.config.productionTip = false

// 1、导入所有的自定义指令
import * as directives from '@/directives'
// 2、进行循环遍历注册指令
for (const key in directives) {
  Vue.directive(key, directives[key])
}
new Vue({
  el: '#app',
  router, // 配置路由
  store, // vuex
  render: h => h(App) // 渲染根组件
})

// 效果没实现,思考一下问题的原因可能是什么？
// 401 ==> 看一下网络请求 ==> token过期了(token不生效了) ==> 请求头里面的authorization是否正确
